<template>
	<view>
		<view class="chart-box">
			<!-- opts: uchart的配置项，eopts: echarts的配置项 -->
			<qiun-data-charts type='column' :eopts="myoption" :chartData='columnData' :echartsH5='true'
				:echartsApp='true'></qiun-data-charts>
		</view>
	</view>
</template>

<script>
	import demodata from '@/static/mock/demodata.json';

	export default {
		data() {
			return {
				myoption: {
					"title": {
						"text": '我自己的标题'
					},
					"xAxis": {
						"axisLabel": {
							"color": '#ff0000'
						},
					},
					"yAxis": {
						"type": 'value',
						"axisTick": {
							"show": false,
						},
						"axisLabel": {
							"color": '#aa55ff'
						},
						"axisLine": {
							"lineStyle": {
								"color": '#00ff00'
							}
						},
					},
				},
				columnData: {
					"categories": ["2016", "2017", "2018", "2019", "2020", "2021"],
					"series": [{
						"name": "目标值",
						"data": [35, 36, 31, 33, 13, 34],
					}]
				}
			}
		},
		onReady() {
			// this.columnData = JSON.parse(JSON.stringify(demodata.Column));
			// console.log(this.columnData);
		},
		methods: {

		}
	}
</script>

<style>
	.chart-box {
		height: 500upx;
		width: 100%;
	}
</style>
